<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>服务</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="bootstrap-icons-1.9.1/bootstrap-icons.css">
	<link rel="stylesheet" href="bootstrap5.0.1/bootstrap5/bootstrap.min.css">
	<script src="bootstrap5.0.1/bootstrap5/bootstrap.bundle.min.js"></script>
	<style>
		.container-fluid .col-12:nth-child(1) {
			background: url("img/serverbg.jpg") no-repeat;
			background-size: auto 100%;
			/* object-fit: cover; */
			background-position: center;
			height: 50vh;
		}

		a {
			text-decoration: none;
		}

		.zhankai:hover {
			color: black;
			font-weight: 600;
		}

		.backtop {
			position: fixed;
			bottom: 5rem;
			right: 5rem;
			z-index: 88;
		}

		.backtop div {
			box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;
			width: 3rem;
			height: 3rem;
			background-color: white;
			border-radius: 100%;
			text-align: center;
			margin-top: 0.5rem;

		}

		.backtop div:hover {
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			cursor: pointer;
		}

		.backtop div i {
			line-height: 3rem;
		}

		.backtop div a {
			text-decoration: none;
			color: black;
		}

		.carousel-item img {
			height: 70vh;
			object-fit: cover;
			object-position: 70%;

		}
		.bottomtext{
			background-color: #272727;
			color: rgb(102, 102, 102);
		}
	</style>
</head>

<body>
	<div class="backtop d-none d-md-block" data-step="5" data-intro="返回顶部按钮和悬停展示我的微信二维码" data-position="left">
		<div data-bs-placement="left" data-bs-toggle="tooltip" title="返回顶部"><a href="#topup"><i
					class="bi bi-arrow-up"></i></a></div>
		<div id="wechat"><i class="bi bi-wechat"></i></div>
	</div>
	<!-- 导航栏 -->
	<nav class="navbar navbar-expand-md bg-white navbar-dark text-center  sticky-top">
		<!-- Brand -->
		<button class="navbar-toggler border border-1 " type="button" data-bs-toggle="collapse"
			data-bs-target="#collapsibleNavbar">
			<i class="bi bi-chevron-double-down text-dark"></i>
		</button>
		<a class="navbar-brand mx-5 "><img src="img/logo.png" style="width: 4rem;" alt=""><span
				class="text-dark"></span></a>

		<span class="navbar-brand d-md-none" href="#"><a href="personal.html"><i
					class="bi bi-person-circle text-dark"></i></a></span>
		<!-- Navbar links -->
		<div class="collapse navbar-collapse  justify-content-center" id="collapsibleNavbar">
			<ul class="navbar-nav text-center ">
				<li class="nav-item">
					<a class="nav-link  text-dark mx-5  pb-1 " href="index.html">首页商城</a>
					<hr class="d-md-none">

				</li>
				<li class="nav-item">
					<a class="nav-link  text-dark mx-5  pb-1 " href="nongye.html">大疆农业</a>
					<hr class="d-md-none">

				</li>
				<li class="nav-item">
					<a class="nav-link  text-dark mx-5  pb-1 " href="DJIMAVIC3.html">DJI多光谱版</a>
					<hr class="d-md-none">

				</li>
				<li class="nav-item">
					<a class="nav-link  text-dark mx-5  pb-1 " href="zhaoping.html">招聘信息</a>
					<hr class="d-md-none">

				</li>
				<li class="nav-item ">

					<a class="nav-link text-dark mx-5 pb-1  " href="server.html">服务与支持
					</a>
					<hr class="d-md-none">
				</li>
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle text-dark mx-5" href="#" id="navbardrop"
						data-bs-toggle="dropdown">
						大疆飞行
					</a>
					<div class="dropdown-menu">
						<a class="dropdown-item" href="dajmendian.html">大疆门店</a>
						<a class="dropdown-item" href="dajzhinan.html">大疆飞行指南</a>
					</div>
				</li>
			</ul>
		</div>

	</nav>
	<div class="container-fluid p-0" id="topup">

		<div class="col-12">
			<div style="width: 40%;margin-left: 30%;" class="text-center pt-5 text-white d-none d-md-block">
				<h1 class="fw-bold">服务与支持</h1>
				<p class="my-5">欢迎使用 DJI 大疆创新服务与支持</p>
				<div class="input-group mb-3">
					<input type="text" class="form-control form-control-lg" placeholder="请输入你想要了解的问题">
					<span class="input-group-text bg-primary text-white btn fs-4">查询</span>
				</div>
				<span>大疆商城 App</span> <span class="mx-3">维修服务指引</span><span>以旧换新</span>


			</div>
			<div style="width: 80%;margin-left: 10%;" class="text-center d-md-none pt-5 text-white">
				<h1 class="mt-5">服务与支持</h1>
				<p>欢迎使用 DJI 大疆创新服务与支持</p>
				<div class="input-group mb-3">
					<input type="text" class="form-control form-control-sm" placeholder="请输入你想要了解的问题">
					<span class="input-group-text bg-primary text-white btn fs-6">查询</span>
				</div>
				<span>大疆商城 App</span> <span class="mx-3">维修服务指引</span><span>以旧换新</span>


			</div>
		</div>
		<h1 class="text-center fw-bold text-black my-5">热门服务</h1>
		<div class="row m-0">
			<div class="col-lg-2 offset-lg-2 text-center bg-light pb-3 pt-3">
				<h3 class="pt-2 fw-bold">限飞区查询</h3>
				<p class="text-muted">查询飞行受限区，获取限飞资讯</p>
				<a href="#" class="">立即查询 ></a>
			</div>
			<div class="col-lg-2 mx-lg-3 text-center bg-light pb-3 pt-3">
				<h3 class="pt-2 fw-bold">线上自助寄修</h3>
				<p class="text-muted">在线申请寄修，免费上门取件</p>
				<a href="#" class="">立即申请 ></a>
			</div>
			<div class="col-lg-2  text-center bg-light pb-3 pt-3">
				<h3 class="pt-2 fw-bold">DJI Care 增值服务</h3>
				<p class="text-muted">在线申请寄修，免费上门取件</p>
				<a href="#" class="">立即查询 ></a>
			</div>
			<div class="col-lg-2 mx-lg-3  text-center bg-light pb-3 pt-3">
				<h3 class="pt-2 fw-bold">限飞区查询</h3>
				<p class="text-muted">服务进度、历史案例、个人信息</p>
				<a href="#" class="">一键查询 ></a>
			</div>
		</div>
		<div id="demo" class="carousel slide my-5" data-bs-ride="carousel">

			<!-- 指示符 -->
			<div class="carousel-indicators">
				<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
				<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
				<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
			</div>
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img src="img/bglun1.jpg" alt="Shanghai" class="d-block" style="width:100%">
					<div class="carousel-caption mb-5 pb-4">
						<h1 class="my-5 fw-bold">T50农业无人飞机</h1>
						<p class="pb-5 mb-2 ">稳，不止一点</p>
					</div>
				</div>
				<div class="carousel-item">
					<img src="img/bglun2.jpg" alt="Beijing" class="d-block" style="width:100%">
					<div class="carousel-caption  mb-5 pb-4">
						<h1 class="my-5 fw-bold">T25农业无人飞机</h1>
						<p class="pb-5 mb-2 ">小一点，巧一点</p>
					</div>
				</div>
				<div class="carousel-item">
					<img src="img/bglun3.jpg" alt="Wuhan" class="d-block" style="width:100%">
					<div class="carousel-caption  mb-5 pb-4">
						<h1 class="my-5 fw-bold">DJI MAVIC 3多光谱版</h1>
						<p class="pb-5 mb-2 ">一览万象</p>
					</div>
				</div>
			</div>

			<!-- Left and right controls/icons -->
			<button class="carousel-control-prev " type="button" data-bs-target="#demo" data-bs-slide="prev">
				<span class="carousel-control-prev-icon "></span>
			</button>
			<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
				<span class="carousel-control-next-icon"></span>
			</button>
		</div>
	</div>
	<h1 class="text-center fw-bolder text-black  my-5">服务申请与信息支持</h1>
	<p class="text-center  text-black">服务旅程启航，多种信息呈现</p>
	<div class="row m-0">
		<div class="col-lg-2 offset-lg-2 text-center bg-light pb-3">
			<img src="img/sv1.svg" width="23%" />
			<h3 class="pt-2 fw-bold">限飞区查询</h3>
			<p class="text-muted">查询飞行受限区，获取限飞资讯</p>
			<a href="#" class="">立即查询 ></a>
		</div>
		<div class="col-lg-2 mx-lg-3 text-center bg-light pb-3">
			<img src="img/sv2.svg" width="23%" />
			<h3 class="pt-2 fw-bold">线上自助寄修</h3>
			<p class="text-muted">在线申请寄修，免费上门取件</p>
			<a href="#" class="">立即申请 ></a>
		</div>
		<div class="col-lg-2  text-center bg-light pb-3">
			<img src="img/sv3.svg" width="23%" />
			<h3 class="pt-2 fw-bold">DJI Care 增值服务</h3>
			<p class="text-muted">在线申请寄修，免费上门取件</p>
			<a href="#" class="">立即查询 ></a>
		</div>
		<div class="col-lg-2 mx-lg-3  text-center bg-light pb-3">
			<img src="img/sv4.svg" width="23%" />
			<h3 class="pt-2 fw-bold">限飞区查询</h3>
			<p class="text-muted">服务进度、历史案例、个人信息</p>
			<a href="#" class="">一键查询 ></a>
		</div>

	</div>
	<div class="row m-0 mt-2">
		<div class="col-lg-2 offset-lg-2 text-center bg-light pb-3">
			<img src="img/sv5.svg" width="23%" />
			<h3 class="pt-2 fw-bold">限飞区查询</h3>
			<p class="text-muted">查询飞行受限区，获取限飞资讯</p>
			<a href="#" class="">立即查询 ></a>
		</div>
		<div class="col-lg-2 mx-lg-3 text-center bg-light pb-3">
			<img src="img/sv6.svg" width="23%" />
			<h3 class="pt-2 fw-bold">线上自助寄修</h3>
			<p class="text-muted">在线申请寄修，免费上门取件</p>
			<a href="#" class="">立即申请 ></a>
		</div>
		<div class="col-lg-2  text-center bg-light pb-3">
			<img src="img/sv7.svg" width="23%" />
			<h3 class="pt-2 fw-bold">DJI Care 增值服务</h3>
			<p class="text-muted">在线申请寄修，免费上门取件</p>
			<a href="#" class="">立即查询 ></a>
		</div>
		<div class="col-lg-2 mx-lg-3  text-center bg-light pb-3">
			<img src="img/sv8.svg" width="23%" />
			<h3 class="pt-2 fw-bold">限飞区查询</h3>
			<p class="text-muted">服务进度、历史案例、个人信息</p>
			<a href="#" class="">一键查询 ></a>
		</div>

	</div>
	<h1 class="text-center fw-bolder text-black  my-5">公告与活动</h1>
	<div class="row m-0">
		<div class="col-lg-8 offset-lg-2 bg-light">
			<ul class="list-unstyled pt-3" style="width: 60%;margin-left: 20%;">
				<li>【通知】大疆南京和天津维修中心疫情影响<span class="float-end text-muted">2022-12-16</span></li>
				<hr />
				<li>【指南】DJI O3 Air Unit 新手快速攻略<span class="float-end text-muted">2022-11-11</span></li>
				<hr />
				<li>【通知】关于自助寄修、极速换新受物流管控影响的公告<span class="float-end text-muted">2022-12-12</span></li>
				<hr />
				<li>【指南】DJI Mavic 3 Classic 新手快速攻略<span class="float-end text-muted">2022-12-30</span></li>
				<hr />
				<li>【通知】关于停止对旧系列产品提供服务与支持的通知<span class="float-end text-muted">2022-12-31</span></li>
				<hr />
				<div id="collapseOne" class="collapse" data-bs-parent="#accordion">
					<li>【通知】关于授权门店已支持使用“DJI Care 极速换新”现场置换的公告<span class="float-end text-muted">2022-12-16</span>
					</li>
					<hr />
					<li>【活动】【大疆学堂】创作者招募持续进行中！<span class="float-end text-muted">2020-12-16</span></li>
					<hr />
					<li>【通知】大疆南京和天津维修中心疫情影响<span class="float-end text-muted">2022-12-16</span></li>
					<hr />
					<li>【指南】DJI O3 Air Unit 新手快速攻略<span class="float-end text-muted">2022-11-11</span></li>
					<hr />
					<li>【通知】关于自助寄修、极速换新受物流管控影响的公告<span class="float-end text-muted">2022-12-12</span></li>
					<hr />
					<li>【指南】DJI Mavic 3 Classic 新手快速攻略<span class="float-end text-muted">2022-12-30</span></li>
					<hr />
					<li>【通知】关于停止对旧系列产品提供服务与支持的通知<span class="float-end text-muted">2022-12-31</span></li>
					<hr />
				</div>
				<div class="text-center">
					<a class="btn zhankai" data-bs-toggle="collapse" href="#collapseOne">
						展开更多 +
					</a>
				</div>

			</ul>
		</div>

	</div>
	<h1 class="text-center fw-bolder text-black  my-5">增值服务</h1>
	<p class="text-center  text-black fs-3">多种保障服务，全面安心守护</p>
	<p class="text-center"><a href="#">所有服务 ></a></p>
	<div class="row m-0 mt-5">
		<div class="col-lg-8 offset-lg-2 p-0">
			<img src="img/serverbg2.jpg" width="100%" style="object-fit: scale-down;" />
		</div>

	</div>
	<h1 class="text-center fw-bolder text-black  my-5">联系我们</h1>
	<div class="row m-0 mt-3">
		<div class="col-lg-4 order-lg-1 p-0"><img src="img/svererbg3.jpg" width="100%" /></div>
		<div class=" col-lg-4 offset-lg-2 order-lg-0 text-center bg-light ">
			<img src="img/sv8.svg" width="20%" class="mt-lg-5" />
			<h2 class="fw-bold mt-3">在线客服</h2>
			<p class="my-3">周一至周日：9:00-21:00（北京时间）</p>
			<a href="#">联系在线客服 ></a>
		</div>
	</div>
	<div class="row m-0 mt-3">
		<div class="col-lg-8 offset-lg-2">
			<ul class="nav nav-tabs my-3">
				<li class="nav-item">
					<a class="nav-link active fs-4 text-info" href="#">活动详情</a>
				</li>

			</ul>

		</div>
		<div class="col-lg-2 offset-lg-2 col-6">
			<p>请选择月份</p>
			<select class="form-select" id="sel1" name="sellist1">
				<option>1月</option>
				<option>2月</option>
				<option>3月</option>
				<option>4月</option>
			</select>
		</div>
		<div class="col-lg-2 col-6">
			<p>请选择活动类型</p>
			<select class="form-select" id="sel1" name="sellist1">
				<option>查看所有</option>
				<option>大疆飞手训练营</option>
				<option>大疆摄影讲座</option>
				<option>大疆公司</option>
			</select>
		</div>
	</div>
	<div class="row m-0 mt-3">
		<div class="col-lg-8 offset-lg-2 table-responsive">
			<table class="table table-bordered text-center table-hover">
				<thead>
					<tr>
						<th>日期</th>
						<th>时间</th>
						<th>活动</th>
						<th>活动简介</th>
						<th>报名入口</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>2022.12.03</td>
						<td>10:00-22:00</td>
						<td>DJI AVATA虚拟飞行 上海站</td>
						<td style="width: 50%;">
							现场参加Avata虚拟飞行体验，拍摄现场体验视频可获得开业定制帆布袋！活动当天更可享开业全场95折活动（特殊产品除外）。活动地点：上海市淮海中路999号环贸iapm商场楼LG1-116号
							DJI店内</td>
						<td>活动结束</td>
					</tr>
					<tr>
						<td>2022.12.03</td>
						<td>10:00-22:00</td>
						<td>DJI AVATA品鉴会 西安站</td>
						<td style="width: 50%;">
							现场可体验AVATA，享受茶点，参与两人三足趣味游戏。活动地点：西安市雁塔区高新金茂府悦园南200米</td>
						<td>活动结束</td>
					</tr>
					<tr>
						<td>2022.12.03</td>
						<td>10:00-22:00</td>
						<td>DJI AVATA品鉴会 西安站</td>
						<td style="width: 50%;">
							无论是新手还是经验丰富的老手，都可以感受到竞技的快乐。 如果你也想感受速度与激情的碰撞，不妨加入我们！ 活动地点：深圳市宝安区灵芝公园</td>
						<td>活动结束</td>
					</tr>
					<tr>
						<td>2022.12.03</td>
						<td>10:00-22:00</td>
						<td>DJI AVATA虚拟飞行 上海站</td>
						<td style="width: 50%;">
							现场参加Avata虚拟飞行体验，拍摄现场体验视频可获得开业定制帆布袋！活动当天更可享开业全场95折活动（特殊产品除外）。活动地点：上海市淮海中路999号环贸iapm商场楼LG1-116号
							DJI店内</td>
						<td>活动结束</td>
					</tr>
					<tr>
						<td>2022.12.03</td>
						<td>10:00-22:00</td>
						<td>DJI Mavic 系列分享会 深圳站</td>
						<td style="width: 50%;">
							了解大疆文化，体验DJI旗舰系列。活动地点：深圳市宝安区海雅缤纷广场</td>
						<td><a href="#">立即报名</a></td>
					</tr>
					<tr>
						<td>2022.12.03</td>
						<td>10:00-22:00</td>
						<td>返航安全课堂 上海站</td>
						<td style="width: 50%;">
							无人机返航原理介绍及飞行注意事项讲解。活动地点：上海新天地旗舰店</td>
						<td><a href="#">立即报名</a></td>
					</tr>

				</tbody>
			</table>

		</div>
	</div>
	<div class="row m-0 mt-lg-5 mb-5">
		<div class="col-lg-8 offset-lg-2">
			<div class="row">
				<div class="col-lg-4 text-center pt-5 bg-light pb-4">
					<i class="bi bi-telephone fs-1"></i>
					<h3 class="fw-bold mt-3 pt-2">热线服务</h3>
					<p>普通话：<a href="#">+86 4007000303</a></p>
					<p>周一至周日：9:00-21:00（北京时间）</p>
					<a href="#">更多电话支持 ></a>
				</div>
				<div class="col-lg-4 text-center pt-5  bg-light "><img src="img/servererweima.png" width="30%" />
					<h3 class="fw-bold">大疆创新公众号</h3>
					<p>DJI 大疆创新品牌资讯、产品教学与官方售后服务，尽在于此</p>
					<a href="#">更多官方公众号 ></a>
				</div>
				<div class="col-lg-4 text-center pt-5 bg-light"><img src="img/serverxiaocehngxu.png" width="30%" />
					<h3 class="fw-bold">DJI 大疆服务小程序</h3>
					<p>DJI 大疆创新售后服务申请、服务信息查询、玩机技巧学习，一键直达</p>
				</div>

			</div>
		</div>
	</div>
	</div>
	<div class="bottomtext fs-6 text-center py-5">Copyright © 2023 DJI 大疆创新 版权所有
		粤ICP备2022092332号</div>
</body>

</html>